module.exports = {
    // 入口
    entry: "./main.js",
    // 出口
    output: {
        // 打包的文件夹路径
        path: path.resolve(__dirname, 'dist'),
        // 打包出来的文件名
        filename: 'bundle.js',
    },
    // 各种loader的配置
    module: {
        rules: [{ //babel-loader  es6转es5 
                test: /\.m?js$/, //匹配要解析文件
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: 'babel-loader', //哪个loder解析文件
                    options: {
                        presets: ['@babel/preset-env']
                    }
                }
            },
            { //url-loader 解析文件路径 图片解析
                test: /\.(png|jpg|gif|svg)$/,
                use: [{
                    loader: 'url-loader',
                    options: {
                        limit: 8192
                    }
                }]
            },
            { //file-loader 解析文件 和图片
                test: /\.(png|jpg|gif|svg)$/,
                use: [{
                    loader: 'file-loader'
                }]
            },
        ]
    },
    // 打包模式
    mode: "development", //production 生产模式development 开发模式
    // webpack的插件
    plugins: []
}